
// 下拉框样式
.el-popper{
    background: var(--eq-select-bg-color)!important;
    border-color: var(--eq-border-color)!important;
    border: 1px solid var(--eq-border-color)!important;
    .el-select-dropdown {
        .el-select-dropdown__item{
            color: var(--eq-font-color);
            font-size: 12px;
        }
        .el-select-dropdown__item.hover{
            background-color: var(--eq-select-hover-bg-color);
        }
        .el-select-dropdown__item.selected{
            color:  var(--eq-select-hover-color);
        }
    }
    .el-popper__arrow::before{
        border: 1px solid var(--eq-border-color)!important;
        background: var(--eq-select-bg-color)!important;
    }
}

.el-dialog{
    padding: 0px;
}

.el-textarea__inner, .el-textarea.is-disabled .el-textarea__inner{
    background-color: var(--eq-input-bg-color);
    border: none;
    box-shadow: none;
    color: var(--eq-font-color);
    &:hover{
        box-shadow: none;
    }
}

// 树形组件样式
.eq-tree{
    background-color: var(--eq-role-bg-color);
    color: var(--eq-font-color);
    font-size: 12px;
    .el-tree-node__content:hover{
        background-color: var(--eq-role-bg-color);
    }
    .el-tree-node:focus>.el-tree-node__content{
        background-color: var(--eq-role-bg-color);
    }
    .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner, .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
        border: none;
        color: var(--eq-font-color);
        background-color: var(--eq-tree-checkbox-bg-color);
    }
    .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{
        background-color: var(--eq-font-color);
    }
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
        border-color: var(--eq-font-color);
    }
}

// 单选框样式
.el-radio{
    color: var(--eq-font-color);
    .el-radio__input.is-checked+.el-radio__label{
        color: var(--eq-module-color);
    }
    
    .el-radio__input.is-checked .el-radio__inner{
        border-color: var(--eq-module-color);
        background: var(--eq-module-color);
    }
    
    .el-radio__input.is-disabled+span.el-radio__label{
        color: var(--eq-font-color);
    }
}


// 复选框样式
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
    background-color: var(--eq-tree-checkbox-bg-color);
    border-color: var(--eq-tree-checkbox-bg-color);
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
    border-color: var(--eq-font-color);
}
